<template>
  <div id="wrapper">
    <nav class="top">
      <a >
        <router-link :to="{name: 'jiayemian/yemian'}">
          <img class="left" src="../../assets/img/img.../xingzhuang164.png" alt="">
        </router-link>
      </a>
      <span class="wenzi">添加新地址</span>
      <span  class="bian"  >
        <router-link :to="{name: 'add'}">添加新地址</router-link>
      </span>
    </nav>
    <!--content-->
    <div class="content">
      <span>李四</span>
      <span>15012340708</span>
      <p>河南省新乡市红旗区南干道与新中大道交叉口B座10楼102室;</p>
      <p>邮编453000</p>
      <div class="bottom">

        <img src="../../assets/img/shouhuo/tuoyuan1.png" height="30" width="30"/><span>默认地址</span>
        <div class="bottom_right">



          <img src="../../assets/img/shouhuo/tty副本.png" height="30" width="30"/><span>编辑</span>


          <img src="../../assets/img/shouhuo/xingzhuang副本.png" height="30" width="30"/><span>删除</span>
        </div>
      </div>
    </div>

  </div>
</template>
<script>
  export default {
//    methods:{
////      back(){
////        this.$router.go(-1);
////      }
  }
</script>
<style scoped>
  #wrapper{
    width: 100%;
    height:24rem;
    background-color: #f2f2f2;
  }
  .top{
    position: relative;
    width: 100%;
    height: 2.5rem;
    background-color: #e53e42;
  }
  .wenzi{
    font-family: MicrosoftYaHei;
    font-size: 0.7rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 2.25rem;
    letter-spacing: 0.04rem;
    color: white;
    position: absolute;
    top: 0.65rem;
    left: 6rem;
  }
  img{
    width: 0.4rem;

  }
  .left {
    position: absolute;
    top: 1.5rem;
    left: 0.7rem;
  }
  /*编辑*/
  .bian{
    float: right;
    margin-top: 1.3rem;
    color: white;
    font-weight: 100;
    font-size:0.6rem;
  }
  /*content*/
  .content{
    background: #ffffff;
  }
  .content span:nth-child(1){
    font-size:0.6rem;
    margin-left: 0.5rem;
  }
  .content span:nth-child(2){
    font-size:0.6rem;
    margin-left: 2rem;
  }
  .content p{
    font-size:0.5rem;
    margin-left: 0.5rem;
  }
  .bottom img:nth-child(1){
    margin-left: 0.5rem;
  }
  .bottom span:nth-child(2){
    margin-left: 0.3rem;
  }
  .bottom span{
    font-size:0.6rem;
  }
  .bottom_right{
    display: inline-block;
    margin-left: 6rem;
  }
  .bottom img{
    width: 0.6rem;
  }

</style>



